import { defineComponent, ref } from 'vue'
import Role from './components/Role'
import Company from './components/Company'

export default defineComponent({
  name: 'Setting',
  setup() {
    const activeKey = ref('1')
    return () => (
      <>
        <a-tabs v-model:activeKey={activeKey.value} style={{ padding: '25px' }}>
          <a-tab-pane key="1" tab="角色管理">
            <Role></Role>
          </a-tab-pane>
          <a-tab-pane key="2" tab="公司信息" force-render>
            <Company></Company>
          </a-tab-pane>
        </a-tabs>
      </>
    )
  }
})
